#tools,#header,#banner,#service,#footer{
    width:1200px;
    margin:0 auto;
}
/*--------------顶部工具栏---------------*/
#toolsbox{
    height:30px;
    background:#f7f9f8;
}
#tools{
    height:30px;
    line-height:30px;
}
#tools span{
    float: left;
}
#tools span:nth-of-type(2){
    color:#008842;
    padding:0 0px 0 18px;
}
#tools span:nth-of-type(3){
    position:relative;
    color:#008842;
    margin-top:5px;
    padding:4px 8px 7px 5px;
    line-height:1em;
}
#tools #citylist{
    width:483px;
    padding-bottom:15px;
    border:1px solid #007f4d;
    background:#fff;
    z-index:400;
    position: absolute;
    left:-48px;
    top:23px;
    display:none;
    h3{
        height: 30px;
        width:448px;
        padding:0 20px 0 15px;
        color:#727272;
        font-size:12px;
        background:#ededed;
        line-height:30px;
        float:left;
        a{
            float:right;
            color:#008842;
        }
        a:hover{
            text-decoration: underline;
        }
    }
    dl{
        height:91px;
        float:left;
        padding:5px 20px 0 15px;
        dt{
            h4{
                padding-left:20px;
                color:#787878;
                background:url(../img/header-img.png) no-repeat -174px 5px;
                height:28px;
                line-height:28px;
                font-size:12px;
            }
        }
        dd{
            line-height:24px;
            font-size:12px;
            a{
                color:#727272;
                float:left;
                padding:0 16px 0 20px;
            }
        }
    }
    ul{
        padding-left:15px;
        float:left;
        li{
            height:30px;
            line-height:30px;
            color:#008842;
            padding:0 20px;
            border:1px solid #fff;
            border-bottom:1px solid #e0e0e0;
            float:left;
        }
        .list1{
            padding-top:12px;
            width:440px;
            float: left;
            display:none;
            .list2{
                width:100%;
                em{
                    height:100%;
                    color:#008842;
                    width:25px;
                    float:left;
                    line-height:22px;
                }
                strong{
                    float:left;
                    width:415px;
                    a{
                        display:inline-block;
                        float:left;
                        color:#000;
                        width:83px;
                        height:22px;
                        line-height:22px;
                        font-size:12px;
                    }
                    a:hover{
                        color:#008842;
                    }
                    .green{
                        color: #008842;
                    }
                }
            }
        }
        .list1:nth-of-type(1){
            display:block;
        }
        .showlist{
            border:1px solid #e0e0e0;
            border-bottom:1px solid #fff;
        }
    }
}
#tools span:nth-of-type(3):hover{
    color:#fff;
    background:#008842;
    #citylist{
        display: block;
    }
    i{
        border-top-color: #fff;
        transform-origin:4px 2px;
        transition: all 0.5s;
        transform:rotate(180deg);
    }
}
#tools i{
    display:inline-block;
    vertical-align: center;
    height:0;
    width:0;
    margin-left:4px;
    border-top:4px solid #008842;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:2px solid transparent;
}
#tools #myyi:hover,#tools #phone:hover{
    background:#fff;
    padding:0 9px;
    border-left:1px solid #b4c1a3;
    border-right:1px solid #b4c1a3;
    i{
        transform-origin:4px 2px;
        transition: all 0.5s;
        transform:rotate(180deg);
    }
    ul{
        display:block;
    }
}
#tools #myyi:hover:after{
    content: " ";
    height:2px;width:100%;
    background:#fff;
    position:absolute;
    left:0;
    top:30px;
    z-index:400;
}
#tools #phone:hover:after{
    content: " ";
    height:2px;width:100%;
    background:#fff;
    position:absolute;
    left:0;
    top:30px;
    z-index:400;
}
#tools #myyi,#tools #phone{
    position:relative;
    ul{
        position:absolute;
        top:30px;
        left:-1px;
        z-index:250;
        background:#fff;
        border:1px solid #b4c1a3;
        padding:15px 0  10px 0;
        display:none;
        li{
            line-height:24px;
            float:none;
            p{
                line-height:24px;
                text-align: center;
                margin-bottom:6px;
            }
        }
    }
}
#tools #myyi ul{
    width:124px;
    height:185px;
    padding:5px 0;
    li{
        height:25px;
    }
}
#tools>ul{
    float:right;
}
#tools ul li{
    float:left;
    padding:0 10px;
}
#tools ul li a{
    color:#000;
}
#tools ul li a:hover{
    color:#008842;
}
#tools ul b{
    display:inline-block;
    vertical-align:top;
    height:18px;
    width:22px;
    margin-top:6px;
    background:url(../img/header-img.png) no-repeat;
}
#tools ul li:nth-of-type(3) b{
    background-position:-40px 0;
}
#tools ul li:nth-of-type(4) b{
    background-position:-64px 0;
}
#tools ul li:nth-of-type(5) b{
    width:25px;
    background-position:-147px 0;
}
#tools ul li:nth-of-type(6) b{
    background-position:-86px 0;
}
/*--------------header---------------*/
#headerbox{
    background:rgba(200,200,200,0.8);
    width:100%;
    overflow: hidden;
    z-index:10000;
}
#header{
    height:63px;
    padding-top:15px;
}
#header h1{
    float:left;
    margin:0 145px 0 0px;
    transform-origin: 0 0;
}
#header form{
    float:left;
    width:540px;
}
#header form #search{
    height:26px;
    width:435px;
    border:1px solid #008842;
    float:left;
    font-size:12px;
    color:#999;
    padding-left:10px;
    background:#e0e0e0;
}
#header form #btn{
    font-size:14px;
    line-height:28px;
    height:28px;
    width:82px;
    border:none;
    background:#008842;
    color:#fff;
    float:left;
    margin-right:10px;
}
#header form span{
    float:left;
    font-size:12px;
    line-height:30px;
    margin-right:9px;
}
#header form span a{
    color:#008842;
}
#header form span:nth-of-type(even) a{
    color:#727272;
}
#header #shopcar{
    height:40px;
    width:170px;
    float:right;
    border:1px solid #008842;
    background:#fff;
    text-align:center;
    transform-origin: 170px 0;
}
#header #shopcar p{
    height:100%;
    display:inline-block;
}
#header #shopcar span{
    margin-top:4px;
    float:left;
    height:30px;
    font-size:26px;
    font-weight: 600;
    color:#008842;
    display: inline-block;
}
#header #shopcar span:first-child{
    height:24px;
    width:35px;
    font-size:12px;
    background:url(../img/header-img.png) no-repeat -106px 4px;
    margin:8px 10px 0 0;
}
/*--------------service---------------*/
#servicebox{
    width:100%;
    background:#e0e0e0;
    #service{
        height:103px;
        ul{
            padding:30px 0 0 55px;
            li{
                float:left;
                width:300px;
                height:42px;
                span{
                    height:42px;
                    width:55px;
                    float:left;
                    border-right:1px solid #a6a6a6;
                    background:url(../img/footer_service_icon.png) no-repeat;
                }
                h3{
                    padding-left:15px;
                    font-size:18px;
                    line-height:28px;
                    color:#007f4d;
                    float:left;
                    width:150px;
                }
                h4{
                    padding-left:15px;
                    font-size:12px;
                    float:left;
                }
            }
            li:nth-of-type(2){
                span{
                    background-position:0 -42px;
                }
            }
             li:nth-of-type(3){
                span{
                    background-position:0 -84px;
                }
            }
            li:last-child{
                width:245px;
                span{
                    background-position:0 -126px;
                }
            }
        }
    }
}
/*--------------footer---------------*/
#footerbox{
    width:100%;
    background:#f7f8f8;
    #footer{
        width:1150px;
        height:363px;
        padding:50px 0 0 50px;
        div{
            float:left;
            width:240px;
            height:190px;
            h3{
                padding-left:40px;
                background:url(../img/footer_icon.png) no-repeat;
                font-size:14px;
                line-height:24px;
                height:24px;
                margin-bottom:14px;
            }
            ul{
                height:110px;
                margin-left:13px;
                border-left:1px dashed #a8a8a8;
                padding-left:20px;
                li{
                    height:22px;
                    line-height:22px;
                    a{
                        color:#000;
                    }
                    a:hover{
                        text-decoration: underline;
                    }
                }
            }
        }
        div:nth-of-type(2){
            h3{
                background-position:0 -23px;
            }
        }
        div:nth-of-type(3){
            h3{
                background-position:0 -46px;
            }
        }
        div:nth-of-type(4){
            h3{
                background-position:0 -69px;
            }
        }
        div:nth-of-type(5){
            h3{
                background-position:0 -92px;
            }
            width:190px;
        }
        h1{
            font-size:14px;
            color:#008842;
            line-height:56px;
            text-align: center;
        }
        h2{
            font-size:12px;
            line-height:22px;
            color:#717171;
            text-align:center;
            a{
                color:#717171;   
            }
        }
        h4{
            text-align: center;
            a{
                display:inline-block;
                vertical-align: middle;
                margin:0 10px;
                img{
                    height:47px;
                }
            }
            a:last-child{
                color:#9393ac;
                line-height:20px;
                img{
                    height:20px;
                }
            }
        }
        a:hover{
            color:#008842;
        }
    }
}
#fixed{
    position:fixed;
    bottom:30px;
    right:13px;
    z-index:50;
    div{
        height:42px;
        width:50px;
        margin-top:10px;
        background:url(../img/sidebar.png) no-repeat;
    }
    div:nth-of-type(1){
        background-position:0 -46px;
    }
    div:nth-of-type(2){
        background-position:0 0px;
        display:none;
    }
    div:nth-of-type(1):hover{
        background-position:-56px -46px;
    }
    div:nth-of-type(2):hover{
        background-position:-56px 0;
    }
}
